import { Link } from "react-router-dom";
import Tx2 from './img/tx2.jpg'
import Icon1 from './img/icon1.jpg'
import Icon2 from './img/icon2.jpg'
import Icon3 from './img/icon3.jpg'
import Icon4 from './img/icon4.jpg'
import Icon5 from './img/icon5.jpg'
import Yjt from './img/ytj.jpg'
import Del from './img/del.jpg'
import classnames from 'classnames'
import React, { useState } from 'react';

const Mrtx=()=>{
    const [bol,setBol] = useState(false)
    const [bol2,setBol2] = useState(false)
    return (
        <div>  
            <div className="fbox">      
     <div className="top_next-t">
         <span className="list"></span>

     </div>
<div className="box1">
    <div className="tbox">
    <img onClick={()=>setBol2(true)} src={Tx2} alt=""/>
    <span>张媛媛</span>
    </div>
    <div className="jbox">
        <div className="a0">积分： <span className="a1">123546</span></div>
        <span className="a2">积分说明</span>
        <span className="a3"> <img src={Icon1} alt="" /> 已签到</span>
    </div>
   <div className="list-1">
       <span>
           <img src={Icon5} alt=""/>

       </span>
       <Link to="/wdlb">
       <span className="p1">我的礼包</span>

       </Link>
       <span>
           <img src={Yjt}  className="p2" alt=""/>
       </span>
   </div>
   <div className="list-1">
       <span>
           <img src={Icon4} alt=""/>

       </span>
       <Link className="P1" to="/wddd">
       <span className="p1">我的订单</span>

       </Link>
       <span>
           <img src={Yjt}  className="p2" alt=""/>
       </span>
   </div>
   <div className="list-1">
       <span>
           <img src={Icon3} alt=""/>

       </span>
       <Link to="/wdsc">
       <span className="p1">我的收藏</span>

       </Link>
       <span>
           <img src={Yjt}  className="p2" alt=""/>
       </span>
   </div>
   <div className="list-1" onClick={()=>setBol(true)}>
       <span>
           <img src={Icon2} alt=""/>

       </span>
       <span className="p1">关于我们</span>
       <span>
           <img src={Yjt}  className="p2" alt=""/>
       </span>
   </div>
   <span className="lbtn">退出</span>
<div className={classnames('zz',{on:bol})}>

    <div className="ltk">
        <div className="del"> <span>关于我们</span> <img src={Del} alt="" onClick={()=>setBol(false)}/></div>
        <div className="nr">
        <span>玩咖游戏app</span>
        <span>致力于玩家福利，为玩家提供更好的福利，享受游戏的快乐~~~~~</span>
    </div>
    </div>
   
</div>
<div className={classnames('zz1',{on:bol2})}>
    <div class="zbox">
    <div>拍照</div>
       <div>从手机相册选择</div>
       <div className="qx" onClick={()=>setBol2(false)}>取消</div>
    </div>
       

   </div>


</div>

     </div>
    </div>
    )
}


export default Mrtx;
